<!DOCTYPE html>
<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8" %>
<%@include file="../../../common/include/inc_ace.jsp" %>
<head lang="en">
    <title>告警TOP</title>

    <link rel="stylesheet" href="${ctx}/resource/plugins/bigdata/base.css">
    <link rel="stylesheet" href="${ctx}/resource/plugins/bigdata/header.css">
    <link rel="stylesheet" href="${ctx}/resource/plugins/bigdata/style.css">
    <link rel="stylesheet" href="${ctx}/resource/plugins/bigdata/content.css">

</head>

<body>

<!--时间下拉框-->
<div class="warn">
    <span style="font-size: 20px">告警TOP10</span>
    <select name="dataDimensionalitySelect" style="width: 6%;" id="timeHorizon">
        <option value="showYesToday">昨日</option>
        <option value="showOneWeek">近一周</option>
        <option value="showOneMonth">近一月</option>
        <option value="showThreeMonth">近三月</option>
        <option value="showSixMonth">近半年</option>
        <option value="showOneYear">近一年</option>
    </select>
</div>

<%--TOP--%>
<div class="warn-content" style="margin-bottom: 10px;height: 480px">
    <div class="warn-contentH3">
        <span class="left"></span>

        <h3>资源告警TOP10</h3>

        <div style="margin-top:10px;width: 60%;height: 415px;float: left" id="resourceTop"></div>
        <div style="margin-top:10px;width: 33%;height: 415px;float: left" id="resourceTopClass"></div>
    </div>
</div>

<%--详情modal--%>
<div id="tbEventClassModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" style="width: 95%;">
        <div class="modal-content">
            <div class="modal-header">

                <button type="button" class="close btn btn-xs btn-white" data-dismiss="modal">
                    <span>&times;</span>
                    <span class="sr-only">关闭</span>
                </button>
                <h6 class="modal-title">
                    <i class="ace-icon glyphicon glyphicon-edit align-top bigger-110"></i>
                    历史告警详情展示
                </h6>
            </div>
            <%--modal主体--%>
            <div>
                <div class="modal-body no-padding">
                    <div class="row no-margin" style="padding: 8px 10px 10px;">
                        <div class="row">
                            <div class="col-xs-12">
                                <div id="timeline-2">
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-10 col-sm-offset-1" id="timeLine">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    <i class="ace-icon fa fa-reply align-left bigger-110"></i>
                    返回
                </button>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="${ctx}/resource/plugins/echarts4/esl.js"></script>
<script type="text/javascript" src="${ctx}/resource/plugins/ued/js/circle-progress.js"></script>
<script type="text/javascript" src="${ctx}/resource/bigdata/alarmanalysis/alarmTopView.js"></script>
<script type="text/javascript" src="${ctx}/resource/plugins/commons.src.js"></script>
</body>
